.container {
  padding: ~'24rpx';
  box-sizing: border-box;
  .wrap {
    display: flex;
    justify-content: space-between;
    &:first-child{
      .dot{
        &:last-child:before{
         content: none;
        }
      }
    }
    .dot {
      width: ~'30rpx';
      height: ~'30rpx';
      border-radius: ~'30rpx';
      background-color: #000000;
      margin-bottom: ~'50rpx';
      position: relative;

      &:first-child:after{
        position: absolute;
        top: ~'14rpx';
        left: ~'30rpx';
        content: '';
        width: ~'648rpx';
        height: ~'2rpx';
        background-color: #666666;
      }
      &:last-child:before{
        position: absolute;
        top: ~'-25rpx';
        right: ~'29rpx';
        content: '';
        width: ~'648rpx';
        height: ~'2rpx';
        background-color: #666666;
        transform: rotate(-6.5deg);
      }
    }
  }

}
